<template>
  <div id="app">

    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" router>
      <el-menu-item index="/">处理中心</el-menu-item>
      <el-menu-item index="/article">订单管理</a></el-menu-item>
      <el-menu-item index="/douban">订单管理</a></el-menu-item>
      <el-menu-item index="/myedit">编辑器</el-menu-item>
      <el-menu-item index="/uploadImg">上传图片</el-menu-item>
    </el-menu>

    <br>

    <el-card class="box-card">
      <router-view></router-view>
    </el-card>
  </div>
</template>

<script>
  export default {
    name: 'app',
    methods: {
      handleOpen (key, KeyPath) {
        console.log(key, KeyPath)
      },
      handleClose (key, keyPath) {
        console.log(key, keyPath)
      }
    },
    data () {
      return {
        activeIndex: '/'
      }
    }
  }
</script>
